<template>
	<view class="wrapper xiangXi">
		<div class="f32 fbold">80周岁以上老人高龄津贴发放</div>
		<div class="flex-start title">
			<image src="../../../static/shouye/zn1.png" mode="heightFix"></image>
			<div class="f32 ml10">办理地点</div>
		</div>
		<div class="box space-between f28">
			<div class="flex1">办理地址</div>
			<div>古湖街道恒隆路三段79号-85号</div>

			<image src="../../../static/shouye/shen3.png" mode="widthFix" class="address-icon ml10"></image>
		</div>
		<div class="box space-between f28">
			<div>咨询电话</div>
			<div>0817-0235478</div>
		</div>
		<div class="box space-between f28">
			<div>投诉举报电话</div>
			<div>0817-0235478</div>
		</div>

		<div class="flex-start title">
			<image src="../../../static/shouye/zn2.png" mode="heightFix"></image>
			<div class="f32 ml15">设定依据</div>
		</div>
		<u-read-more :toggle="true" :showHeight="80">
			<div class="f28">
				1.《关于进一步完善公共就业服务体系有关问题的通知》人社部发〔2012〕103号全面实施统一的……就业与失业登记管理制度……等各项就业公共服务制等各项《关于进一步完善公共就业服务体系有关问题的通知》人社部发〔2012〕103号全面实施统一的……就业与失业登记管理制度……等各项就业公共服
			</div>
		</u-read-more>

		<div class="flex-start title">
			<image src="../../../static/shouye/zn3.png" mode="heightFix"></image>
			<div class="f32 ml15">办理条件</div>
		</div>
		<u-read-more :toggle="true" :showHeight="80">
			<div class="f28">
				1.《关于进一步完善公共就业服务体系有关问题的通知》人社部发〔2012〕103号全面实施统一的……就业与失业登记管理制度……等各项就业公共服务制等各项《关于进一步完善公共就业服务体系有关问题的通知》人社部发〔2012〕103号全面实施统一的……就业与失业登记管理制度……等各项就业公共服
			</div>
		</u-read-more>

		<div class="flex-start title">
			<image src="../../../static/shouye/zn4.png" mode="heightFix"></image>
			<div class="f32 ml15">申请材料</div>
		</div>
		<div class="box space-between f28" v-for="v in 3">
			<div class="flex1">身份证原件和复印件（纸质）</div>
			<image src="../../../static/shouye/bixu.png" mode="widthFix" class="required-icon"></image>
			<div class="cred ml5">必须</div>
		</div>


		<div class="flex-start title">
			<image src="../../../static/shouye/zn5.png" mode="heightFix"></image>
			<div class="f32 ml15">办理流程</div>
		</div>
		<div class="ctheme steps mb40">
			<div class="space-between">
				<div class="colum" v-for="(v,i) in steps">
					<div class="f28 mb15">{{v}}</div>
					<div class="bor50 btheme cfff center f32">{{i+1}}</div>
				</div>
			</div>
			<div class="line"></div>
		</div>
		
		<div class="flex-start title">
			<image src="../../../static/shouye/zn6.png" mode="heightFix"></image>
			<div class="f32 ml15">办结时限</div>
		</div>
		<div class="box space-between f28">
			<div>法定时限</div>
			<div>6个工作日</div>
		</div>
		<div class="box space-between f28">
			<div>承诺时限</div>
			<div>6个工作日</div>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				steps: ['申请', '受理', '审核', '决定', '办结']
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.steps {
		.bor50 {
			width: 52rpx;
			height: 52rpx;
		}

		.line {
			border-bottom: 2rpx dashed #999B9C;
			margin-top: -26rpx;
		}
	}




	.box {
		min-height: 90rpx;
		border-bottom: 1rpx solid #EBEBEB;

		.required-icon {
			width: 30rpx;
			height: 30rpx;
		}
	}

	.address-icon {
		width: 23.56rpx;
		height: 30.63rpx;
	}

	.title {
		padding: 40rpx 0;

		image {
			width: 34.8rpx;
			height: 34.8rpx;
		}
	}

	.xiangXi {
		padding: 40rpx 38rpx;
	}
</style>